﻿<link href="~/Scripts/jquery-easyui-extensions/panel/jeasyui.extensions.panel.css" rel="stylesheet" />
<script src="~/Scripts/jquery-easyui-extensions/panel/jeasyui.extensions.panel.iframe.js"></script>


<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'west',title:'不嵌套iframe加载/Panel/IniframeExplain',border:false,href:'/Panel/IniframeExplain'" style="width:300px;border-right-width:1px;border-bottom-width:1px;">

    </div>
    <div id="panelCenter" data-options="region:'center',title:'嵌套iframe加载/Blank/NotFoundIndex',iniframe:true,href:'/Blank/NotFoundIndex',border:false" style="border-bottom-width:1px;">

    </div>
    <div data-options="region:'south',title:'南部',border:false" style="height:150px;padding:10px;">
        <a id="btnGet" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取 center 面板中的 iframe 对象，并在 控制台 输出，请用浏览器开发者工具（F12）查看控制台</a>
    </div>
</div>

<script>
    $(function () {
        $("#btnGet").click(function () {

            var iframe = $("#panelCenter").panel("iframe");

            alert(iframe.length ? "成功获取到 center 面板中的 iframe 对象，具体查看控制台信息。" : "未能获取到 center 面板中的 iframe 对象");
            console.log(iframe);

        });

    });
</script>